<template>
	<view class="Business">
		<u-tabs :list="list" lineWidth="60" @click="click" :current="activeTab"></u-tabs>
		<swiper class="content" @change="onSwiperChange" :current="activeTab">
			<swiper-item v-for="(page, index) in list" :key="index">
				<scroll-view scroll-y="true" @click="toDdetail">
					<view v-if="activeTab===0">
						<image src="/static/2-1.jpg" alt=""/>
						<p>氢气不含有碳，燃烧后不产生CO2。氢气可以通过太阳能、风能等可再生能源获得，被认为是理想的能源或能源载体。氢气作为内燃机燃料时，极易实现稀薄燃烧，排放污染物少，热效率高。氢气在一定的压力和温度下呈液态，常压时液态氢的密度是气态氢的
							845 倍，占体积小。液氢的体积能量密度高，其单位热值约为汽油的 3
							倍。与金属氢化物储存等其它方法相比，液氢储存时自身的质量轻。液氢的添加和计量与传统液态燃料相似，液氢的这些特点有利于车用燃料的储存要求。</p>
					</view>
					<view v-if="activeTab===1">
						<image src="/static/2-1.jpg" alt=""/>
						<p>氢气压缩机根据原理可分容积型和速度型两类，其中容积式是为普遍的。 容积型压缩机又分为往复式活塞式和回转式两种。</p>
						<p> 1、往复活塞式是通过活塞在气缸内做往复运动改变气体工作容积；活塞式压缩机历史悠久，生产技术成熟。</p>
						<p> 2、回转式压缩机包括刮片（滑片）旋转式压缩机、螺杆式压缩机，目前国内生产的空调器多数采用旋转式压缩机；螺杆式压缩机主要用于大型制冷设备,现在一些大型商场办公楼内也有很多采用螺杆式压缩机。
						</p>
					</view>
				</scroll-view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				activeTab: 0,
				list: [{
					name: '氢燃料电池发动机',
				}, {
					name: '压缩气态氢系统',
				}],
			};
		},
		methods: {
			click({
				index
			}) {
				this.activeTab = index;
			},
			onSwiperChange(event) {
				this.activeTab = event.detail.current;
			},
			toDdetail() {
				uni.navigateTo({
					url: `/pages-sub/detail?id=${this.list[this.activeTab].name}`
				})
			}
		}
	}
</script>

<style lang="scss">
	.Business {
		display: flex;
		flex-direction: column;
		height: 100vh;
		/* #ifdef H5 */
		padding-top: 0rpx;
		/* #endif */
		/* #ifndef H5 */
		padding-top: 50rpx;
		/* #endif */
		box-sizing: border-box;
		overflow: hidden;
	}

	.content {
		flex: 1;
		padding: 0 30rpx;

		p {
			text-indent: 2em;
			text-align: justify;
		}

		image {
			width: 100%;
		}
	}
</style>